<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>HTML5 WebForms</title>
<script src="../dom/__ns__.js"></script>
<script src="__ns__.js"></script>
<script src="PlaceHolder.js"></script>
<script src="Validation.js"></script>
<style>
.placeholder {color: DarkGrey;}
.validation-tooltip {background: White;border: solid 1px DarkGrey; position: absolute; padding:3px; margin:5px;}
</style>
</head>
<body>
  <form>
    <table>
    <tr><td><label>Placeholder: </label></td><td><input placeholder="Placeholder" name="placeholder"></td></tr>
    <tr><td><label>Required: </label></td><td><input required name="required"></td></tr>
    <tr><td><label>Email: </label></td><td><input required type="email" name="email"></td></tr>
    <tr><td><label>URL: </label></td><td><input required type="url" name="url"></td></tr>
    <tr><td><label>Pattern: </label></td><td><input required pattern="^\d\d/\d\d/\d\d\d\d$" placeholder="dd/mm/yyyy" name="pattern"></td></tr>
    <tr><td colspan="2" align="right"><button type="submit">Submit</button></td></tr>
    </table>
  </form>
  <script>forms.init(document.forms[0]);</script>

  <script>
  var _gaq = _gaq || [];
  
  _gaq.push(
            ['projectTracker._setAccount', 'UA-5065160-9'],
            ['projectTracker._trackPageview']);
  
  (function() {
   if (document.location.protocol != 'file:') {
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
   }
  })();
  </script>
</body>
</html>